<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>苏宁易购</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="top">
        <a href="#" class="fenlei"></a>
        <div class="search">
            <form action="">
                <input type="search" name="" id="" placeholder="全球礼遇季 抢5折神券">
            </form>
        </div>
        <a href="#" class="dengru">登入</a>
    </div>
    <div class="banner">
        <img src="upload/banner.gif" alt="">
    </div>
    <div class="ad">
        <a href="#"><img src="upload/ad1.gif" alt=""></a>
        <a href="#"><img src="upload/ad2.gif" alt=""></a>
        <a href="#"><img src="upload/ad3.gif" alt=""></a>
    </div>
    <div class="nav clearfix">
        <a href="#">
            <img src="upload/nav2.png" alt="">
            <span>苏宁秒杀</span>
        </a>
        <a href="#">
            <img src="upload/nav3.png" alt="">
            <span>苏宁超市</span>
        </a>
        <a href="#">
            <img src="upload/nav4.png" alt="">
            <span>苏宁拼购</span>
        </a>
        <a href="#">
            <img src="upload/nav5.png" alt="">
            <span>手机数码</span>
        </a>
        <a href="#">
            <img src="upload/nav6.png" alt="">
            <span>免费水果</span>
        </a>
        <a href="#">
            <img src="upload/nav7.png" alt="">
            <span>赚钱消消乐</span>
        </a>
        <a href="#">
            <img src="upload/nav8.png" alt="">
            <span>签到有礼</span>
        </a>
        <a href="#">
            <img src="upload/nav9.png" alt="">
            <span>领券中心</span>
        </a>
        <a href="#">
            <img src="upload/nav10.png" alt="">
            <span>领券中心</span>
        </a>
        <a href="#">
            <img src="upload/nav11.png" alt="">
            <span>更多频道</span>
        </a>
    </div>
    <!-- 新人大礼包 -->
    <div class="bgad">
        <a href="#"><img src="upload/01.png" alt=""></a>
        <a href="#"><img src="upload/02.gif" alt=""></a>
        <a href="#"><img src="upload/03.gif" alt=""></a>
    </div>
    <!-- 天天低价 -->
    <div class="price n1">
        <div class="item lowprice">
            <a href="#">
                <div class="title clearfix">
                    <h3>天天低价</h3>
                    <span>02</span><i>:</i>
                    <span>39</span><i>:</i>
                    <span>30</span>
                </div>
                <p>人气好货限时抢</p>
            </a>
            <ul>
                <li>
                    <a href="#">
                        <img src="./upload/pic1.webp" alt="">
                        <p>¥3<span>.9</span></p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/pic2.webp" alt="">
                        <p>¥1<span>.9</span></p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item msprice">
            <div class="title">
                <h3>苏宁秒杀</h3>
                <p>人气好货限时抢</p>
            </div>
            <div class="cp">
            <a href="#">
                <img src="./upload/pic1.webp" alt="">
                <p>补贴价1399</p>
            </a>
            <a href="#">
                <img src="./upload/pic3.webp" alt="">
                <p>2人拼4.9</p>
            </a>
        </div>
        </div>
    </div>
    <!-- 百亿补贴 -->
    <div class="price">
        <div class="item msprice">
            <div class="title">
                <h3>苏宁秒杀</h3>
                <p>人气好货限时抢</p>
            </div>
            <div class="cp">
            <a href="#">
                <img src="./upload/pic1.webp" alt="">
                <p>补贴价1399</p>
            </a>
            <a href="#">
                <img src="./upload/pic3.webp" alt="">
                <p>2人拼4.9</p>
            </a>
        </div>
        </div>
        <div class="item msprice">
            <div class="title">
                <h3>苏宁秒杀</h3>
                <p>人气好货限时抢</p>
            </div>
            <div class="cp">
            <a href="#">
                <img src="./upload/pic1.webp" alt="">
                <p>补贴价1399</p>
            </a>
            <a href="#">
                <img src="./upload/pic3.webp" alt="">
                <p>2人拼4.9</p>
            </a>
        </div>
        </div>
    </div>
    <!-- 为你推荐 -->
    <div class="tuijian">
        <div class="tjleft">
            <p>为您推荐</p>
            <p>精选频道</p>
        </div>
        <div class="tuijright">
            <a href="#">
                <img src="./upload/cp1.png" alt="">
                <p>苏宁国际</p>
            </a>
            <a href="#">
                <img src="./upload/cp1.png" alt="">
                <p>苏宁国际</p>
            </a>
            <a href="#">
                <img src="./upload/cp1.png" alt="">
                <p>苏宁国际</p>
            </a>
            <a href="#">
                <img src="./upload/cp1.png" alt="">
                <p>苏宁国际</p>
            </a>
        </div>
    </div>
    <!-- 底部导航栏 -->
    <div class="foot">
        <a href="#">
            <i></i>
            <span>小胖烧饼</span>
        </a>
        <a href="#">
            <i></i>
            <span>小胖烧饼</span>
        </a>
        <a href="#">
            <i></i>
            <span>小胖烧饼</span>
        </a>
        <a href="#">
            <i></i>
            <span>小胖烧饼</span>
        </a>
        <a href="#">
            <i></i>
            <span>小胖烧饼</span>
        </a>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</body>

</html>